この手順では、Visual Studio で、ListBox for UWP を使用して UWP アプリケーションを作成します。
次の手順に従います。
<Page>
タグ内に次のマークアップを追加します。
コードのコピー
|
|
---|---|
xmlns:c1="using:C1.Xaml" xmlns:c1tile="using:C1.Xaml.Tile" |
<Grid>
タグと </Grid>
タグの間にカーソルを置き、1回クリックします。<Grid>
タグと </Grid>
タグの間に次の <StackPanel>
マークアップを追加して、TextBlock と ProgressBar を含む StackPanel を追加します。
コードのコピー
|
|
---|---|
<StackPanel x:Name="loading" VerticalAlignment="Center"> <TextBlock Text="Retrieving data from Flickr..." TextAlignment="Center"/> <ProgressBar IsIndeterminate="True" Width="200" Height="4"/> </StackPanel> |
<Xaml:C1ListBox>
タグを編集して、コントロールをカスタマイズします。
コードのコピー
|
|
---|---|
<c1:C1ListBox x:Name="listBox" ItemsSource="{Binding}" Background="Transparent" Visibility="Collapsed" ItemWidth="800" ItemHeight="600" RefreshWhileScrolling="False"></c1:C1ListBox> |
<Xaml:C1ListBox>
タグと </Xaml:C1ListBox>
タグの間に次のマークアップを追加します。
コードのコピー
|
|
---|---|
|
これで、C1ListBox コントロールを含む UWP スタイルのアプリケーションを作成できました。次の「手順2:ListBox へのデータの追加」では、C1ListBox にデータを追加します。